<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>生成二维码并下载</title>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<script src="js/jquery-3.3.1.js"></script>
		<script src="js/jquery.alertWindow.js" type="text/javascript"></script>
		<script src="js/qrcode.js"></script>
		<script src="js/qr-code.js"></script>
	</head>

	<body>
		<div id="outskirts">
			输入二维码内容:<input type="text" id="content">
			<br/> <br/>
			尺寸：
			<label>
        		<input type="radio" name="measure" id="" class="a-radio" value="150">
        		<span class="b-radio"></span>150X150
    		</label>
			<label>
        		<input type="radio" name="measure" id="" class="a-radio" value="200">
        		<span class="b-radio"></span>200X200
    		</label>

			<label>
        		<input type="radio" name="measure" id="" class="a-radio" value="300">
        		<span class="b-radio"></span>300X300
    		</label>

			<label>
        		<input type="radio" name="measure" id="" class="a-radio" value="400">
        		<span class="b-radio"></span>400X400
    		</label>
    		<label>
        		<input type="radio" name="measure" id="" class="a-radio" value="500">
        		<span class="b-radio"></span>500X500
    		</label>
    		<label>
        		<input type="radio" name="measure" id="" class="a-radio" value="600">
        		<span class="b-radio"></span>600X600
    		</label>
    		<div style="margin-top:20px;margin-left:-100px;"> 
    			<button class="btn red " style="margin-left:100px;" onclick="createQrcode()">生成二维码</button>
            	<button class="btn red " style="margin-left:100px;"  onclick="downloadQrcode()">下载二维码</button>
    		</div>
    		
		</div>
		<div id="qrcode" align="center">
			
		</div>
		
	</body>

</html>